.bar .title {
  line-height: 1.2rem;
}

.bar .title img {
  width: 6rem;
  margin-top: .35rem;
  vertical-align: middle;
}

.header-bar {
  background-color: transparent;
}

.header-bar::after {
  content: "";
  /* Safari 5.1 - 6.0 */
  /* Opera 11.1 - 12.0 */
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: -233px;
  height: 350px;
  z-index: -1;
  width: 100%;
}

.header-bar .title img {
  width: 6rem;
  margin-top: .55rem;
  vertical-align: middle;
}

.footer-bar {
  background-color: #997542;
  height: 3rem;
}

.footer-bar::before {
  background-color: #997542;
}

.footer-bar .tab-item.active {
  color: #ffffff;
}

.footer-bar .tab-item {
  height: 3rem;
  color: #fff;
}

.footer-bar .tab-item .sub-menu {
  position: absolute;
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
  height: 100%;
  bottom: -6.8rem;
  padding: 0;
  margin: 0;
}

.footer-bar .tab-item .sub-menu::after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 42%;
  display: block;
  width: .6rem;
  height: .6rem;
  background-image: url("../images/icon/icon_arrow.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.footer-bar .tab-item .sub-menu li {
  display: block;
  background-color: #997542;
  width: 95%;
  line-height: 1.2rem;
  height: 1.2rem;
  margin: 2px auto;
  list-style-type: none;
}

.footer-bar .tab-item .sub-menu li a {
  display: block;
  height: 1.2rem;
  line-height: 1.2rem;
  font-size: .7rem;
  color: #fff;
}

.footer-bar .tab-item .sub-menu-show {
  bottom: 3.8rem;
}

.footer-bar .tab-item .icon-item {
  width: 1.2rem;
  height: 0.9rem;
  display: block;
  line-height: .3rem;
  margin: 0 auto;
  margin-top: .3rem;
  background-size: 100%;
  margin-bottom: -.2rem;
}

.footer-bar .tab-item .tab-label {
  font-size: .5rem;
}

.header-bar ~ .content {
  top: 0rem;
}

.bar-tab .tab-item.active, .bar-tab .tab-item:active {
  color: #ffffff;
}
